<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>管理员列表</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="/admin/src/css/layui.css">
  <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<body>
 
<table class="layui-hide" id="test" lay-filter="test"></table>
 
<script type="text/html" id="toolbarDemo">
  <div class="layui-btn-container">
    <button class="layui-btn layui-btn-sm" lay-event="addData">添加</button>
  </div>
</script>
 
<script type="text/html" id="barDemo">
  <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
  <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>        
<script src="/admin/src/layui.js" ></script>
<!-- 注意：如果你直接复制所有代码到本地，上述 JS 路径需要改成你本地的 --> 
 
<script>
layui.use('table', function(){
  var table = layui.table;
  var $ = layui.$;
  
  table.render({
    elem: '#test'
    ,url:'/admin/admin/list'/*,tpa=http://www.ilayuis.com/test/table/demo1.json*/
	,method:'post'
    ,toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
	,defaultToolbar: []
    ,title: '管理员列表'
    ,cols: [[
		{field:'admin_id', width:110, title: 'ID', sort: true}
		,{field:'account', width:140, title: '账号'}
		,{field:'real_name', width:140, title: '姓名'}
		,{field:'status_name', width:110, title: '状态'}
		,{field:'role_name',  title: '角色'}
		,{field:'login_count',  width:100,title: '登录次数'}
		,{field:'create_time', title:'创建时间', width:180}
		,{fixed: 'right', title:'操作', toolbar: '#barDemo', width:150}
    ]]
    ,page: true
  });
  
  //头工具栏事件
  table.on('toolbar(test)', function(obj){
    var checkStatus = table.checkStatus(obj.config.id);
    switch(obj.event){
      case 'addData':
		layer.open({
			type: 2//0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层)
			, title: '添加管理员' //不显示标题栏
			, area : [ '55%', '70%' ]
			, closeBtn: 1
			, shade: 0.8//遮幕
			, id: 'LAY_layuipro' //设定一个id，防止重复弹出
			// ,btn: [ '表格','取消']
			, btnAlign: 'c'//按钮排列：居中对齐
			, moveType: 1 //拖拽模式，0或者1
			, resize: true
			, content: '/admin/admin/addAdmin/form'//跳转到想要的界面，这里是我自己项目的跳转界面
			,success: function (layero) {
				var btn = layero.find('.layui-layer-btn');
				btn.find('.layui-layer-btn0').attr({
					href: '${path}'
					, target: '_blank'
				});
			}
		})		
      break;
    };
  });
  
  //监听行工具事件
  table.on('tool(test)', function(obj){
    var data = obj.data;
    if(obj.event === 'del'){
		layer.confirm('确定要删除？', function(index){
			var postData = {'admin_id':data.admin_id};
			$.ajax({
				url : '/admin/admin/deleteAdmin',
				type : 'post',
				dataType : 'json',
				data : postData,
				success : function (backData) {
					//删除成功
				  if(backData['status'] == 200){
					  obj.del();
					  layer.close(index);
					  layer.msg(backData.message,{time:1200});
				  }else{
					  layer.msg(backData.message);
				  }
				}
			})
		});
    } else if(obj.event === 'edit'){
		layer.open({
			type: 2//0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层)
			, title: '编辑管理员' //不显示标题栏
			, area : [ '55%', '70%' ]
			, closeBtn: 1
			, shade: 0.8//遮幕
			, id: 'LAY_layuipro' //设定一个id，防止重复弹出
			// ,btn: [ '表格','取消']
			, btnAlign: 'c'//按钮排列：居中对齐
			, moveType: 1 //拖拽模式，0或者1
			, resize: true
			, content: '/admin/admin/editAdmin/form?admin_id='+data.admin_id//跳转到想要的界面，这里是我自己项目的跳转界面
			,success: function (layero) {
				var btn = layero.find('.layui-layer-btn');
				btn.find('.layui-layer-btn0').attr({
					href: '${path}'
					, target: '_blank'
				});
			}
		})		
    }
  });
});
</script>

</body>
</html>